<template>
  <div class="home">
       <h1>666</h1>
       <p>789</p>
       <p v-for="v in 10" :key="v">床前明月光</p>
       <h1>
           {{msg}}
       </h1>
       <button @click="go()">go</button>
       <hr>
      
  </div>
</template>

<script>
// 行为
export default {
   name:"Home",// 组件名称
   data () {// 组件中自定义属性是有返回值的函数
       return {// 在返回值中写自定义属性
           msg:'hello'
       }
   },
   methods: {
       go(){
           console.log(this.msg)
       }
   }
}
</script>

<style>
  .home>p{
      background: pink;
  }
</style>